<template>
  <!--个人工作台-->
  <div style="">
    <div class="welcome">
      <Icon type="ios-checkmark-circle" size="90" color="#19be6b" style="margin-top: 2rem"/>
      <H1 STYLE="margin-top: 1rem" >{{username}}, <br v-pc="false"> 欢迎进入 {{$site.siteName }}管理后台</H1>

      <div class="welcome_info" >
        请通过侧边栏进入对应模块和页面。
      </div>
      <!--
      <div style="text-align: center">
        <Button @click="skipToAnalysis" type="text" style="margin-top: 2rem;color: #bdbdbd">统计测试页面</Button>
      </div>-->

    </div>
    <p style="color: #8d8d8d;margin-top: 2rem"> 今日 {{ date }}</p>
<!--    <p style="color: #8d8d8d;margin-top: 1rem">V3.8.5后将开始陆续尝试适配手机</p>-->
  </div>

</template>

<script>
    export default {
      data(){
        return {
          username: this.$store.getters.userInfo.userName,
          date:new Date().toLocaleDateString()
        }
      },
      computed:{

      },
      methods:{
        skipToAnalysis(){
          this.$router.push('/work/analysis');
        }
      }
    }
</script>

<style lang="less" scoped>

  .welcome{
    text-align: center;
    width: 100%;
    display: flex;flex-direction:column; align-items: center;
  }

  .welcome_info{
    padding: 1.5rem 2rem ;background: #f8f8f9;margin: 2rem 1rem;color: #333;text-align: left;max-width: 800px;width: 100%
  }


</style>
